/*!
 * =====================================================
 * Mobile - Author: jinbo
 *
 * =====================================================
 */

/* Links */
a{text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);background-color: transparent;text-shadow:none;}
a{color:#fff}
a:visited{color:#fff}
a:active,a:focus,a:hover{outline:0;color:#fff}

@font-face {font-family: "icon";
  src: url('iconfont.eot?t=1468295741'); /* IE9*/
  src: url('iconfont.eot?t=1468295741#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('iconfont.woff?t=1468295741') format('woff'), /* chrome, firefox */
  url('iconfont.ttf?t=1468295741') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+*/
  url('iconfont.svg?t=1468295741#iconfont') format('svg'); /* iOS 4.1- */
}
.icon {
	font-family:"icon" !important;
	font-style:normal;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	-webkit-text-stroke-width: 0.2px;
}
.icon-dianhua:before{content:"\e6ce"}
.icon-icon05:before{content:"\e626"}
.icon-fanhuidingbu:before{content:"\e627"}
.icon-ditu:before{content:"\e715"}
.icon-mulu:before{content:"\e692"}
.icon-shouyeshouye:before{content:"\e600"}


/* === bar === */
.nav-bar{position:fixed;right:0;left:0;z-index:999;height:2.2rem;padding-right:.5rem;padding-left:.5rem;background-color:#3d3d3d;-webkit-backface-visibility:hidden;backface-visibility:hidden}
.nav-bar:after{position:absolute;top:auto;right:auto;bottom:0;left:0;z-index:15;display:block;width:100%;height:1px;content:'';background-color:#e7e7e7;-webkit-transform-origin:50% 100%;-ms-transform-origin:50% 100%;-o-transform-origin:50% 100%;transform-origin:50% 100%}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .nav-bar:after{-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);-o-transform:scaleY(.5);transform:scaleY(.5)}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .nav-bar:after{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);-o-transform:scaleY(.33);transform:scaleY(.33)}
}
.bar-nav{top:0}
.bar-tab{bottom:0;width:100%;height:3.4rem;padding:0;table-layout:fixed}
.bar-tab:before{position:absolute;top:0;right:auto;bottom:auto;left:0;z-index:15;display:block;width:100%;height:1px;content:'';background-color:#e7e7e7;-webkit-transform-origin:50% 0;-ms-transform-origin:50% 0;-o-transform-origin:50% 0;transform-origin:50% 0}

@media only screen and (-webkit-min-device-pixel-ratio: 2) {
  .bar-tab:before{-webkit-transform:scaleY(.5);-ms-transform:scaleY(.5);-o-transform:scaleY(.5);transform:scaleY(.5)}
}
@media only screen and (-webkit-min-device-pixel-ratio: 3) {
  .bar-tab:before{-webkit-transform:scaleY(.33);-ms-transform:scaleY(.33);-o-transform:scaleY(.33);transform:scaleY(.33)}
}
.bar-tab:after{display:none}
.bar-tab .tab-item{position:relative;display:table-cell;width:1%;height:3.4rem;color:#fff;text-align:center;vertical-align:middle}
.bar-tab .tab-item.active,.bar-tab .tab-item:active{color:#0894ec}
.bar-tab .tab-item .badge{position:absolute;top:.1rem;left:50%;z-index:100;min-width:.8rem;height:.8rem;padding:0 .2rem;margin-left:.1rem;font-size:.6rem;line-height:.8rem;color:#fff;vertical-align:top;background:red;border-radius:.5rem}
.bar-tab .tab-item .icon{top:.15rem;width:1.2rem;height:1.2rem;padding-top:0;padding-bottom:0;font-size:1.2rem;line-height:1.2rem}
.bar-tab .tab-item .icon~.tab-label{position:relative;top:.15rem;display:block;font-size:.55rem}
.bar-tab .tab-item .icon~.tab-label.horizontal{position:initial;display:inline;font-size:.55rem}
.bar .icon{position:relative;z-index:20;padding:.5rem .1rem;font-size:1rem;line-height:1.2rem}
.badge{display:inline-block;padding:.1rem .45rem .15rem;font-size:.6rem;line-height:1;color:#3d4145;background-color:rgba(0,0,0,.15);border-radius:5rem}